<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <title>申请会议室</title>
    <link rel="stylesheet" href="../../front/css/common.css">
    <script type="text/javascript" src="../../front/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../front/js/common.js"></script>
</head>
<body>
<div class="ly_header header2">申请会议室
    <div class="ly_left goback"><img src="../../front/image/gobackbai.png" alt=""></div>
</div>
<div id="activitylist" style="margin-bottom: 49px;">
    <div ic="activitylistmain"></div>
    <div class="activitylist boederbottom">
        <div>
            <img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>
        </div>
        <div>
            <div class="color9" style="font-size: 0.8em;">
                人数
            </div>
            <div class="color9" style="font-size: 0.8em;">
                配置
            </div>
            <div class="color9" style="font-size: 0.8em;">
                使用时间
            </div>
            <div class="color9" style="font-size: 0.8em;">
                状态<span class="padl5 xxfbz">预约待审核</span>
            </div>
        </div>
    </div>
    <div class="cancelrelease">
        <div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>
        <div class="box4 left">
            <div class="bgbtn">取消申请</div>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="activitylist boederbottom mart5">
        <div>
            <img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>
        </div>
        <div>
            <div class="color9" style="font-size: 0.8em;">
                人数
            </div>
            <div class="color9" style="font-size: 0.8em;">
                配置
            </div>
            <div class="color9" style="font-size: 0.8em;">
                使用时间
            </div>
            <div class="color9" style="font-size: 0.8em;">
                状态<span class="padl5 rwqx">预约失败</span>
            </div>
        </div>
    </div>
    <div class="cancelrelease">
        <div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>
        <div class="box4 left">
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="activitylist boederbottom mart5">
        <div>
            <img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>
        </div>
        <div>
            <div class="color9" style="font-size: 0.8em;">
                人数
            </div>
            <div class="color9" style="font-size: 0.8em;">
                配置
            </div>
            <div class="color9" style="font-size: 0.8em;">
                使用时间
            </div>
            <div class="color9" style="font-size: 0.8em;">
                状态<span class="padl5 yyqrz">预约确认中</span>
            </div>
        </div>
    </div>
    <div class="cancelrelease">
        <div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>
        <div class="box4 left">
            <div class="bgbtn">取消申请</div>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="activitylist boederbottom mart5">
        <div>
            <img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>
        </div>
        <div>
            <div class="color9" style="font-size: 0.8em;">
                人数
            </div>
            <div class="color9" style="font-size: 0.8em;">
                配置
            </div>
            <div class="color9" style="font-size: 0.8em;">
                使用时间
            </div>
            <div class="color9" style="font-size: 0.8em;">
                状态<span class="padl5 sqshtg">预约成功</span>
            </div>
        </div>
    </div>
    <div class="cancelrelease">
        <div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>
        <div class="box4 left">
            <div class="bgbtn">取消申请</div>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="activitylist boederbottom mart5">
        <div>
            <img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>
        </div>
        <div>
            <div class="color9" style="font-size: 0.8em;">
                人数
            </div>
            <div class="color9" style="font-size: 0.8em;">
                配置
            </div>
            <div class="color9" style="font-size: 0.8em;">
                使用时间
            </div>
            <div class="color9" style="font-size: 0.8em;">
                状态<span class="padl5 hdyzs">会议室使用结果</span>
            </div>
        </div>
    </div>
    <div class="cancelrelease">
        <div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>
        <div class="box4 left">
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<div class="bottombtn">
    <a th:href="@{/front/meetingRoom/toSelectroom.action}">
        <img src="../../front/newimg/sqhysbtn.png" style="height: 49px;width: 100%;" alt="">
    </a>
</div>
</body>
<script>
    function activitylist(data){
        temp='<div class="activitylist boederbottom">
            +'<div>'
                +'<img class="imgmindw activityimg" src="../../front/newimg/activityleft1.png" alt="">会议中心<span class="padl5" style="font-weight: 600;">会议室名称</span>'
            +'</div>'
            +'<div>'
                +'<div class="color9" style="font-size: 0.8em;">'
                    +'人数'
                +'</div>
                +'<div class="color9" style="font-size: 0.8em;">'
                    +'配置'
                +'</div>
                +'<div class="color9" style="font-size: 0.8em;">'
                    +'使用时间'
                +'</div>
                +'<div class="color9" style="font-size: 0.8em;">'
                    +'状态<span class="padl5 xxfbz">预约待审核</span>'
                +'</div>'
            +'</div>'
        +'</div>'
        +'<div class="cancelrelease">'
            +'<div class="box75 left"><div class="" style="font-size: 0.8em">2019-1-11/8:25:25</div></div>'
            +'<div class="box4 left">'
                +'<div class="bgbtn" class="cancelapp" cancelapp="'+data.id+'">取消申请</div>'
            +'</div>'
            +'<div style="clear: both"></div>'
        +'</div>'
        return temp;
    }
    $(function(){
        $.ajax({
            url: "queryMeetingRoomApplyList.action",
            type: "post",
            data: {currentPage:1,pageSize:10}, //发送数据,
            dataType: "json",
             success: function(data){
                var temp=''
                if(data.success){
                    var temp=""
                    for(var i=0;i<data.resultList.length;i++){
                        temp+=activitylist(data.resultList[i]);
                    }
                    $("#activitylistmain").html(temp);
                }
             },
             error:function(){
                alert()
             }
         })
    })

</script>
</html>